<form>
  <div>
    <label>
      Email
      <input type="email" [field]="loginForm.email" />
    </label>
  </div>

  <div>
    <label>
      Password
      <input type="password" [field]="loginForm.password" />
    </label>
  </div>

  <div>
    <label>
      <input type="checkbox" [field]="loginForm.rememberMe" />
      Remember me
    </label>
  </div>

  <button type="submit">Log in</button>
</form>

<div class="form-debug">
  <h3>Current Form Values:</h3>
  <p>Email: {{ loginForm.email().value() }}</p>
  <p>Password: {{ loginForm.password().value() ? '••••••••' : '(empty)' }}</p>
  <p>Remember me: {{ loginForm.rememberMe().value() ? 'Yes' : 'No' }}</p>
</div>
